A content pane is the simplest layout manager. It is just a grouping of other widgets.
It does not enforce any particular layout. In a way, it acts just like a <div> element. ContentPane does have a powerful feature. It can pull in content from an external URL and populate its internal content asynchronously. This allows you to load content into the pane on demand. Copy template.html and paste it as content_pane.html. Open content_pane.html. Add a dojo.require() statement load in the code for the widget.This is shown in boldface below.
<script type="text/javascript">
Within the body tag, add a content pane widget as shown below in bold face.
dojo.require("dijit.form.Button"); dojo.require("dijit.layout.ContentPane"); </script>
<body class="tundra">
Create new html page : content1.html
<div dojoType="dijit.layout.ContentPane" style="background: red"> <p>Hello World</p> </div> </body>
<h3>This is content 1</h3>
In content_pane.html chage below code :
<p>Some content here</p>
<div dojoType="dijit.layout.ContentPane"
style="background: red" href="content1.html"> Loading ... </div> |